<?xml version="1.0" encoding="UTF-8"?>
<!--
To change this template, choose Tools | Templates
and open the template in the editor.

BUGS !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

        <input type="submit" value="Start Obtrusive Flash" onclick="flashScreen('bottom', 
            null);"/>

Sending null as color to flash.
Best try: document.getElementById('bottom').style.backgroundColor

didn't work at all (sends empty)

-->
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <link rel="stylesheet" type="text/css" href="main.css"/>
        <script type="text/javascript" src="js/jquery-1.6.4.js"/>
        <script type="text/javascript" src="js/flash.js"/>
        <script type="text/javascript" src="js/lighten_jquery.js"/>
        <script type="text/javascript" src="js/darken_jquery.js"/>
        <script type="text/javascript" src="js/menu.js"/>
        <script type="text/javascript" src="js/rgb.js"/>
        <title>TODO supply a title</title>
    </head>
    <body>
        <div id="topleft">
            
            <div id="topright"></div>

            <ul>
                <li id="fruits_button">Fruits</li>
                <li id="vegetables_button">Vegetables</li>
                <li id="nuts_button">Nuts</li>
            </ul>

        </div>
        
        <div id="bottom">
            <div id="content">"We will populate this <b>div</b> with content that depends 
            on choice in the above menu!</div>
        </div>
        <br/>
        
        <p id="flash_button"><input type="submit" value="Start Obtrusive Flash" onclick="Flasher.flash('bottom', 
            window.getComputedStyle(document.getElementById('bottom'),null).backgroundColor);"/>
        </p>
    
        <div class="dropdown" id="fruits_dropdown"></div>
        <div class="dropdown" id="vegetables_dropdown"></div>
        <div class="dropdown" id="nuts_dropdown"></div>
    
    </body>
</html>
